<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网上花店</title>
    <style>
        .list_img {
            width: 300px;
            height: 200px;
        }
        h1{
            text-align: center;
        }
        h4{
            float: right;margin-right: 100px;clear: both;
        }
    </style>
</head>
<body>
<h1>网上花店</h1>
<h4>李广彦，你好！！！</h4>
<img style="width:50px;height: 50px;float: right;clear: both;margin-top: -55px;margin-right: 20px;"
     src="img/shopping.jpg"/><br>
<div style="width: auto;height: auto;">
    <img class="list_img" src="img/1.jpg"/>
    <img class="list_img" src="img/2.jpg"/>
    <img class="list_img" src="img/3.jpg"/>
    <img class="list_img" src="img/4.jpg"/><br>
    <img class="list_img" src="img/5.jpg"/>
    <img class="list_img" src="img/6.jpg"/>
    <img class="list_img" src="img/7.jpg"/>
    <img class="list_img" src="img/8.jpg"/><br>
    <img class="list_img" src="img/9.jpg"/>
    <img class="list_img" src="img/10.jpg"/>
    <img class="list_img" src="img/11.jpg"/>
    <img class="list_img" src="img/12.jpg"/>
</div>
</body>
</html>